1. When creating a new file, it currently redirects to the classic “new file” page. Instead, it should open an inline editor similar to GitHub’s implementation, keeping the left tree view visible. The same behavior should apply to Upload Files and Apply Patch actions.
2. There is no way to add a new file for the root directory in the tree view UI.

2. There is no way to add a new file for the root directory in the tree view UI.

You can do so in the main repo page in the code tab, same as to how its done on Github. Since I'm not aware of a way to view the root directory except for in the main repo page on the code tab (same on Github). Or perhaps I'm not understanding what you mean.

1. When creating a new file, it currently redirects to the classic “new file” page. Instead, it should open an inline editor similar to GitHub’s implementation, keeping the left tree view visible. The same behavior should apply to Upload Files and Apply Patch actions.

Added

• It seems there is a bug that the icon to show/hide tree view will always be hidden.

• And maybe the commit box should be move to up right corner like what github did after the tree view introduced to the editor page.

• It seems there is a bug that the icon to show/hide tree view will always be hidden.

Fixed

• And maybe the commit box should be move to up right corner like what github did after the tree view introduced to the editor page.

Moved. Should be more like Github's UX now:

Great work!

• It seems the Delete File UI needs some improvements? The close button in the top-right corner doesn’t seem to work either. Perhaps converting this into a popup dialog would provide a better experience than open in a new page.

• The Apply Patch UI seems to need some improvements. There are two “Cancel” buttons and the repository name appears twice. I don’t think this issue is caused by this PR, but since it’s related, it would be better to address them together.

• Creating a new file under the root folder is inconvenient because I have to return to the repository’s home page each time. I understand this behavior is inherited from GitHub, but it doesn’t seem like the best design. Could you also add buttons for Create File / Upload File / Apply Patch directly in the file view, so that new items can be created under the same folder as the currently viewed file?

Thanks for addressing the issues you brought up. Looks like you've beat me to most of it. 😅

Fixed more problems:

1. fix popup position (it's better to use absolute but not fixed)
2. fix key up/down navigation (it shouldn't use nextTick, otherwise the UI becomes very laggy)
3. add a loading indicator
4. remove most !el check, it's easier to maintain the always-existing elements
5. remove the inline visibility style

Found new problems, for example, if you navigate the tree item from the "editor" page, then some styles become wrong.

And the "go to file" input won't appear.

Need to carefully check every change, but not just copy the "repo-view-container" code to other pages and assume that everything should work.

Done from my side. Please help to test and review, feel free to merge if no more problem.

Remove redundant repo name from Apply Patch breadcrumb UI

By the way, I reverted this change. IMO:

• This page is seldom used, and it's not path-related IIRC, so no need to add the tree view
• Other pages (including edit, upload, etc) all have the "duplicate" repo name, so removing it or not, doesn't need to be in this PR's scope.

Gone over the changes, retested all the functionality and updated the PR description to reflect recent changes. LGTM @wxiaoguang, thanks for having a look.

Is it possible to add an approval to this now? @wxiaoguang